// about
$(function(){

  var showTxt = false;
  var txtPanelWidth = 0;
  function layout(){
    $('#about .img-liquid-fill').height(global.winHeight-80);
    $('#about .img-liquid-fill .txt-cnt')
    .width($('#about .img-liquid-fill').width()-40+2)
    .height(global.winHeight-120+2);
    txtPanelWidth = $('#about .img-liquid-fill').width()-80+4;
    $('#about .img-liquid-fill .txt-panel')
    .width(txtPanelWidth-120)
    .height(global.winHeight-260+4);
  }

  $('#about .about-lnk').click(function(){

    $("#about .left-cnt .txt-panel").animate({
      left:18
    },800,function(){
      $(this).data('typewriter').start();
    });

    $("#about .right-cnt .txt-panel").animate({
      right:18
    },800,function(){
      $(this).data('typewriter').start();
      $("#about .close-lnk").show();
    });
    
  });

  $('.txt-panel').typewriter();

  $("#about .close-lnk").click(function(){
    $("#about .left-cnt .txt-panel").animate({
      left:-1000
    },500);

    $("#about .right-cnt .txt-panel").animate({
      right:-1000
    },500,function(){
      $("#about .close-lnk").hide();
    });
  });

  layout();
  registerResize(layout);
})